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Instalasi Server 


11 XAMPP 


XAMPP cocok untuk pengguna Windows dan Linux, meskipun 
terdapat versi untuk Mac, tapi umumnya pengguna Mac meng- 
gunakan MAMP. 


Sebelum menginstal XAMPP di Windows, lebih baik kita menginstal 
terlebih dahulu Microsoft Visual C-- 2008 Redistributable. Aplikasi ini 
dapat di-download di situs penulis (http://adampahlevi.com) atau 
bisa juga di-download dari situs Microsoft—nama file tersebut adalah 
vecredist x86.exe. 


15 Microsoft Visual C-4 2008 Redistributable Setup 


License Terms 


Be sure to carefully read and understand all the rights and restrictions described in the 
license terms. You must accept the license terms before you can install the software, 


MICROSOFT SOFTWARE LICENSE TERMS 


MICROSOFT VISUN STP) 


These license teri y 
where you live, or 1 


Setup is configuring the install, This may. 


Lofiware named take a minute or two, 


terms also apply ti 


Press the Page Down key to see more text, 


Gambar 1.1 Instalasi Microsoft Visual C-4 2008 Redistributable 


Setelah itu, instal Microsoft .NET Framework 2.0 SP1. Produk ini bisa 
diinstal dari aplikasi yang bernama NetFx20SP1 x86.exe. 


IK, Microsoft .NET Framework 2.0 SP1 Setup 


Microsott 


Welcome to Setup 1 net Fra mewo rk 


Be sure to carefully read and understand all the rights and restrictions described in the 
license terms, You must accept the license terms before you can install the software, 


MICROSOFT SOFTWARE SUPPLEMENTAL LICENSE TERMS 
MICROSOFT .NET FRAMEWORK 2.0 


Microsoft Corporation (or based on where you live, one of its affiliates) 
1 iii h Fa -. F3 Fat Li 2 taebimak 


“ 


Press the Page Down key to see more text, 


(@1 have read and ACCEPT the terms of the License Agreement 
(OI DO NOT ACCEPT the terms of the License Agreement 


Send information about my setup experiences to Microsoft Corporation, 
Details regarding the data collection policy 


Gambar 1.2 Instalasi Microsoft .NET Framework 2.0 SP1 


Instalasi file-file tersebut nantinya akan membantu kita dalam 
menginstal Microsoft Web Platform Installer dan Microsoft WebMatrix. 
Sebenarnya, meskipun WebMatrix adalah IDE' yang akan kita 
gunakan dalam beberapa bab awal, tapi itu bukan satu-satunya IDE 
yang akan kita gunakan. Nantinya, kita akan menggunakan juga 
Netbeans. 


Setelah menginstal program-program .NET, sekarang kita bisa 
menginstal XAMPP. 


Setelah XAMPP berhasil diinstal, kita bisa membuka control panel 
XAMPP yang berada pada folder di mana XAMPP diinstal. 


"IDE adalah Integrated Development Environment. Program yang bisa membantu 
kita dalam menghasilkan program. 


E3 XAMPP 1.8.1 win32 


Choose Components 
Choose which Features of XAMPP 1.8.1 you want to install, 


Check the components you want to install and uncheck the components you don't want to 
install, Click Next to continue, 


Select components to install: 
Apachefriends Start Menu 
IR) xaMPP Desktop Icon 
Server 

Program languages 

Tools 

“| phpMyAdmin 

V| Webalizer 

Y| Fake Sendmail 


«Back | Next » Cancel 


Gambar 1.3 Instalasi XAMPP 


Jika jendela control panel XAMPP telah terbuka, kita bisa mengklik 
tombol “Start” pada Apache dan juga MySAL. Apache adalah server 
yang kita butuhkan, sedangkan MySAL adalah database untuk 
aplikasi-aplikasi yang akan kita bangun. 


XAMPP Control Panel v3.1.0 3.1.0 | Compiled: September 20th 2012) 


29 XAMPP Control Panel v3.1.0 3.1.0 F Con 
Modules P 
Service Module — PID(s) Portis)  Actions (O Netstat 
Reg Apache 2 B0, 443 Admin Config Logs Bi Shell 
pg) MySOL 8 Windows Security Alert (5 Exptorer | 
2g lai 1 To help protect your computer, Windows Firewall has blocked (# senices 
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& Help 
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PM Imain) itil Name: — Apache HTTP Server 
PM Imain | Publisher: Apache Software Foundation 
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PM Imain) Keep Blocking Unblock Ask Me Later 
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PM (main) UI Windows Firewall has blocked this program from accepting connections from the 
PM Imain) Internet or a network. If you recognize the program or trust the publisher. you can 
PM (main) unblock it. when should | unblock a program? 

PM Imain) 
PM (Apachej Attempfing Apache app... 
7 PM (Apache) Status change detected: running 


Gambar 1.4 Jendela Windows Security Alert 
saat mencoba men-Start Apache 


Biasanya, Windows akan menampilkan security alert. Klik saja 
Unblock. 


Setiap kali kita me-restart komputer, kita harus membuka program 
ini lalu men-start Apache dan MySOL secara manual. Untuk secara 
otomatis agar tidak melakukan hal tersebut berulang-ulang, kita bisa 
menjadikan dua program tersebut sebagai service. 


Service adalah mencatat sebuah program agar dijalankan oleh 
Windows secara otomatis saat program dinyalakan sehingga kita 
tidak perlu menjalankannya secara manual. Untuk menjadikan 
Apache, MySOL, dan module-module lain bawaan XAMPP sebagai 
service, klik tombol service pada masing-masing program yang 
diinginkan. 


tg 
Modules 

Service Module PID/s) Portis) Actions 

Apache 

MysaL 

FileZilla 

Mercury 

F3 Tomcat 

NAK OR PM Imainl Windnwa Wersinn' Winda XP SP3 90.hit 


Gambar 1.5 Menjadikan module Apache dan MySOAL sebagai service 


1.2 Konfigurasi XAMPP 


Beberapa hal harus dikonfigurasi. Sebaiknya kita memberi password 
pada MySOL database kita. XAMPP datang dengan MySOL tanpa 
adanya root password. Sebenarnya ini tidak masalah karena kita 
akan menggunakan loophole localhost, yang tidak terhubung ke 
Internet sama sekali. Namun, best practice-nya, kita sebaiknya 
mem-password MySOL kita. 


Untuk melakukannya, buka browser lalu ketik address menuju ke 
http:/ / localhost/ security/ xamppsecurity.php. Halaman tersebut 
bisa dituju juga dengan masuk ke http://localhost lalu klik Security, 
selanjutnya klik pada link yang terdapat di bawah halaman. 
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Welcome to XAMPP for 


Congratulations: 
You have successfully installe 


tt4tt t444 Agreat thank yo 


Documentation 
Components 
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Gambar 1.6 Link Security pada halaman home localhost XAMPP 


Password bisa terserah pembaca. Untuk contoh di sini, kita akan 
menggunakan password “admin456” (tanpa tanda kutip). Klik 
tombol “Password changing” untuk menyimpan konfigurasi. Server 
akan merekomendasikan kita agar me-restart MySOL. 


Subject Status 


These XAMPP pages are accessible by network for everyone 
Every XAMPP demo page you are right now looking at is accessible for everyone over network. 
Everyone who knows your IP address can see these pages. 


. The MySOL admin user root has no longer no password 
. PhpMyAdmin password login is enabled. | 
A FTP server is not running or is blocked by a firewall! 


A FTP server is not running or is blocked by a firewall! 


5 :5)5--#—-))-)-)-—e—,e,j-y—-,--:,3- 
Gambar 1.7 Status keamanan MySAL menjadi Secure 


Untuk me-restart MySOL, masuk ke control panel XAMPP lalu klik 
Stop kemudian klik Start pada baris MySOL. Jika password berhasil 
diganti dan sistem MySOAL berhasil di-restart, maka info tentang 
status keamanan MySOL akan menjadi “Secure”. 


1.2 Instalasi MAMP, Server untuk Mac 


Untuk pengguna Macintosh, salah satu webserver yang sangat 
penulis rekomendasikan adalah MAMP. Personal WebServer berlogo 
gajah ini terasa sangat ringan dan tidak boros memori. Untuk 
mengunduh MAMP, ketik http://www.mamp.info/. Di sana akan 
terdapat dua versi MAMP, yakni yang versi gratis dan yang PRO. 
Untuk buku ini, download versi yang gratis sudah cukup dan 
mumpuni untuk dipasang sebagai server pribadi. 


SYSTEM.docx 
16 KB 


| 


ZIP 


ess.  MAMP MAMP PRO MAMP MAMP PRO 


2.1.2.pkg 2.1.2.zip 
146.2 MB 


Gambar 1.8 File instalasi MAMP dan MAMP PRO versi 2.1.2 


Setelah men-download, ekstrak file dan akan muncul file .pkg yang 
siap untuk diinstal. 


# Install MAMP 2.1.2 a 


Standard Install on “Macintosh HD" 


@ Introduction 


@ Read Me This will take 519.7 MB of space on your 
computer. 

@ License 

@ Destination Select Click Install to perform a standard installation of 
this software for all users of this computer. All 

@ Installation Type users of this computer will be able to use this 


: ftware. 
@ Installation Ken Ale 


@ Summary 


| Change Install Location... | 


(| GoBack | | Install | 


Customize 


aw 


Ikuti proses dialog lalu klik tombol Install. Setelah proses instalasi 
berhasil, masuk ke Finder lalu ke folder Applications, selanjutnya 
masuk ke folder MAMP. Dari dalam folder tersebut, buka aplikasi 
bernama “MAMP”. 


Gambar 1.9 Jendela instalasi MAMP 2.1.2 


Di aplikasi MAMP tersebut, ada tombol Preferences, klik tombol 
tersebut sehingga terbuka dialog seperti pada Gambar 1.11. 
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Secara default, MAMP biasanya mengatur Apache Port ke 8888 dan 
MySOAL Port bukan ke 3306. Ubah agar setting tersebut sesuai 
dengan gambar di atas, atau jika versi MAMP Anda memiliki tombol 
“Set to default Apache and MySAL ports”, Anda bisa menekan 


Ka MAMP 


A- UN NE: 2ANE” SANG BAN 24 Aa 
ma RTF aa aa 
htdocs LEAME.rtf Library licences 
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Gambar 1.10 MAMP di Finder 


MAMP 


| Start/Stop | Ports | PHP | Apache | 


Apache Port 80 (1 - 65535) 


MYSOL Port 3306 — | (1024-65535) 


Set to default Apache and MySOL ports 


Reset MAMP ports 


Cancel | | OK | 


, f Preferences... 
| Ouit | 


Gambar 1.11 Mengonfigurasi Port di MAMP 


tombol tersebut. 


Setelah seluruh setting ports selesai, klik OK dan Anda bisa me- 
mastikan server Anda berjalan. Biasanya MAMP akan meminta Anda 
memasukkan password untuk membiarkan sistem Macintosh 


memberikan MAMP otoritas yang dibutuhkan. 


Setelah semuanya berhasil, kita telah menginstal webserver MAMP di 


Macintosh. 


1.4 Instalasi IDE 


Ada banyak pilihan, tapi kita akan menggunakan WebMatrix. Ketik 
google “Microsoft Webmatrix” lalu klik Free Download. 


WebMatrix is a free and lightweight web development tool, 
Create, publish, and maintain your website with ease, 


Free Download 


Gambar 1.12 Situs WebMatrix 2 


Webmatrix akan diinstal melalui software yang bernama Web 
Platform Installer. IDE ini bisa dikatakan lebih mudah digunakan 
untuk pemula daripada Netbeans, tetapi tidak seberat Microsoft Web 
Developer Express edition atau Microsoft Visual Studio. Seperti yang 
kita telah ketahui sebelumya, nantinya kita juga akan menggunakan 
Netbeans. 


(Web Platform Installer 4.0 


(O Microsoft WebMatrix 2 Refresh 


Webtdatsixis the eaniest way to build, test and deploy Web sites, Webimatix instal in 
1 minutes and eleganty integrates Web server, database and progransming framewoiks 
uito a single itegrated erpenence. Conest Irom WebtMatru to Visual Stusho or YO 


P j Server Fuptess ta take advantage of Mieroxof's prolessanal tools arud vevers 
. 5 | Btualises: etuero-tof 


Verion 29 


Release date Thursday, October d4 2012 


Optang Install | kat 


Gambar 1.13 Instalasi Microsoft WebMatrix 
dari Web Platform Installer 4.0 


Web Platform Installer akan menginstal berbagai independence 
software, seperti Microsoft SAL Server Compact Edition (untuk 
database) dan server IIS. Untuk yang memilih IDE dari vendor lain, 
tidak perlu khawatir karena kita tidak akan memakai Microsoft SOAL 
Server CE atau tools bawaan WPI lainnya. Kita hanya butuh Microsoft 
WebMatrix-nya saja. 


Sebagai catatan, pastikan tidak banyak aplikasi terbuka agar proses 
instalasi berjalan lancar. Selama proses instalasi, installer akan 
meminta pengguna untuk me-restart komputer, silakan perbolehkan 
aksi tersebut untuk dieksekusi. 


Gambar 1.14 Proses instalasi Microsoft WebMatrix 


Jika proses instalasi telah berhasil, kita bisa menjalankan WebMatrix. 


1.5 Instal Browser 


Browser disarankan Safari 5.1.7 yang bisa di-download di 


http://support.apple.com/kb/DL1531. 


Apakah Safari merupakan syarat untuk menggunakan buku ini? 


Tidak, kita bisa menggunakan Chrome, Firefox, ataupun Opera. Jika 
pengguna ingin menggunakan Internet Explorer, juga tidak menjadi 
masalah. Buku ini sedikit membahas tentang CSS karena tujuan 
utama yang ditampilkan adalah web programming yang back-end, 
bukan front-end. Karena pembahasan fokus ke back-end, maka CSS 
dan HTML sangat minim dibahas di buku ini. Bab yang paling 
banyak menggunakan CSS pun hanyalah bab terakhir, saat mem- 
buat aplikasi untuk sebuah toko musik. 


18 Safari 


Welcome to the Safari Installer 
Safari is a Fast, innovative web browser for Mac and PC, 


Safari 5.1 now includes Reading List, which allows you to 
save links to read later, and 3 new process architecture, 
which makes browsing in Safari more stable and 
responsive, In the General pane of Safari preferences, 
you can now choose to launch Safari with the windows 
From your last browsing session, A new Privacy pane in 
Safari preferences makes it easy to remove data that 
websites can leave on your system. 


In addition to these new Features, Safari includes Safari 
Reader, which lets you view web articles in a single, 
Clutter-free page. See graphical previews of 
your Favorite websites with Top Sites, Built-in search 
makes finding webpages Fast, and tabbed browsing lets 
you view multiple websites in one window, Leading 
support for HTMLS and other web standards makes Safari 
the best way to experience the Internet, 
5.34.57.2 


Ce ce 


Gambar 1.15 Instalasi Browser Safari 


1.6 Hello World! 
Setelah semuanya diinstal dan sukses, sekarang mari kita bereks- 
perimen dengan membuat situs sederhana “Hello World!”. 


Buka WebMatrix, klik “Templates”, klik “PHP”, klik “Empty Site”. 
Isikan “Hello World” di “Site Name” lalu klik “Next”. 


Jika ini adalah kali pertama kita membuat proyek dalam PHP, maka 
WebMatrix akan menginstal beberapa komponen yang diperlukan. 
Proses instalasi tidak akan berjalan terlalu lama. 


We aon 


Site from Template 
PREREGLSITES INSTALL 
| 2 Installing Empty Site 
Downloadng PHP 52.13 For Webitatrs 
(aa 


Gambar 1.16 Proses instalasi template 
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Setelah instalasi selesai, berikut dashboard proyek kita di Microsoft 
WebMatrix. 


g -|o x| 


KLT Heo Word 


2 
a. Jentustgad URL: tiniiocahos:46553 


ES) setunga 


Ng to This Template” 
Ne Lean more about how this template works 


Pep Support 


Ms NP? Ifyouve boked everywhere and sti cant find an answer, try out the resources below 


Os 
Kiwe faature (dos or suggentiore? 
Databuses Tel us what to work on next, supgest features and provide feedback. 


IBI 2e0orts 


Gambar 1.17 WebMatrix dengan proyek Hello World, terbuka 


Proyek dalam WebMatrix otomatis akan dieksekusi oleh server IIS 
jika kita mengklik tombol “start” ataupun “Run”. URL di atas adalah 
URL localhost, yang merupakan loophole ke komputer kita sendiri. 
Port number dalam URL tersebut di-generate oleh IIS sehingga port 
number yang ada di dalam contoh ini mungkin tidak sama dengan 
yang pembaca miliki. 


Jika kita mengklik URL, maka Safari akan terbuka namun tidak 
menampilkan apa pun karena kita belum melakukan apa pun. 


Sekarang, klik “Files” pada tab di bawah. Klik pada “index.php”. 
Ketik kode berikut: 


echo "Hello World!": 


Home Remote 
fol EF" La 5 open O Ya gi 
PB Stop P5 add Existing Di Copy 
Ro... Publish New... Paste Finc 
k GA Restart - (5 Close All - 


Gambar 1.18 Tombol Run pada menubar WebMatrix 


1" 


Sekarang, klik tombol “Run” pada toolbar. Safari akan dibuka dan 
Anda akan melihat “Hello World” seperti gambar di bawah ini. 


O http://localhost:46553/ 


| 5 http://localhost:46553/ 


&a CD Apple Yahoo!  GoogleMaps — YouTube Wikipedia  News(14) v Popular w 


Hello World! 


Gambar 1.19 Proyek “Hello World” dijalankan oleh Safari 


Menyenangkan? Mari kita bereksperimen lebih lanjut. Tambahkan 
kode sehingga index.php menjadi seperti ini: 


«form name-"frm" id-"frm" method-"post"» 

dlabel for-"nama" »—Namas/label» 

cinput type-"text" id-"nama" name-"nama" value-"Masukkan nama" /» 
«/ form 


echo"Hello World!": 


Saat kita me-run website, maka akan terlihat sekarang web kita 
memiliki text untuk menginputkan nama. Namun, tidak terjadi apa- 
apa ketika melakukan Enter. Bagaimana kalau kita menyapa peng- 
guna yang menginputkan nama, kita perlu koding php untuk me- 
lakukan hal tersebut. 


Ubah index.php: 


ch1l»Hallo...«/hl1l» 

ch2»Anda boleh memasukkan nama...«/h2» 

«form name-"frm" id-"frm" method-"post"» 

«dlabel for-"nama"»—Namas/label-» 

cinput type-"text" id-"nama" name-"nama" value-"Masukkan nama" /» 
«/ form 


if ($S SERVER|( "REOUEST METHOD" J--"POST") 

t 

Snama-S POST| "nama": 

echo"«xh2»xb»Halo «i»$namas/i»x/b». Apa kabar?«/h2»": 
5 
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Kita telah melakukan cukup perubahan. Pertama, saat index.php di- 
load, maka server akan mengecek apakah halaman di-load dengan 
reguest “POST” atau tidak. Saat tidak dalam reguest post, maka 
server akan menampilkan dialog seperti gambar di bawah. 


5. http://localhost:46553/ 


faje | (ar lir http:/locahost:46553/ o @||A- Good”) D- #- 
&a RD Apple Yahoo!  GoogleMaps — YouTube Wikipedia Newsi14) v » 


Hallo... 


Anda boleh memasukkan nama... 


Nama |Masukkan nama 


Gambar 1.20 Form sebelum POST ditampilkan di Safari 


Kita bisa memasukkan nama! 


Saat kita menekan tombol “Jenter)” di keyboard pada textbox nama, 
maka kita melakukan proses submit form. Form di atas akan di- 
submit secara post, ada post ada get, tapi kita melakukan post. Saat 
post dilakukan, server menerima reguest POST dan akan meng- 
eksekusi kode untuk mengucapkan apa kabar. 


http://localhost:46553/ 


Lal) | |l- http://ocahost:46553/ — &| | Ar Goode | Ds K- 
&a KD Apple Yahoo!  GoogleMaps — YouTube Wikipedia  Newsil4) v » 


Hallo... 


Anda boleh memasukkan nama... 


Nama (Masukkan nama 
Halo Adam Pahlevi. Apa kabar? 


Gambar 1.21 Form setelah POST di Safari 
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Nah, sekarang html akan menampilkan nama kita setelah nama di- 
POST-kan ke server. 


Keren? 


Mari kita melakukan sedikit kerja keras lagi. Bagaimana jika ketika 
web di-load, otomatis browser fokus pada text Masukkan nama. 
Bagaimana melakukannya? Kita memerlukan JavaScript di sini. 


Jika urusan server, PHP adalah master-nya. Tapi jika urusan client 
(misal browser), maka JavaScript jagonya. PHP tidak akan bisa 
melakukan hal apa pun dengan Client, dan memang seharusnya 
begitu. Mereka para pendiri Web telah memikirkan hal ini. Jika kode 
di server bisa memengaruhi komputer client, program berbahaya 
seperti Virus dapat menyebar dengan mudah. Oleh karena itu, 
terdapat pemisahan layer antara “client” dan “server”. 


Ubah index.php: 


ch1l»Hallo...«/hlz 

ch2s»Anda boleh memasukkan nama...«/h2» 

cformn ame-"frm" id-"frm" method-"post"» 

«label for-"nama"»Namax/label» 

cinput type-"text" id-"nama" name-"nama" value-"Masukkan nama" /» 
«/ form» 


if (S SERVER| "REOUEST METHOD"J--"POST") 
t 
Snama-S POST(| "nama": 


echo"«h2»xb»Halo «i»$Snamax/i»x«/b». Apa kabar?«/h2»": 
5 


«scripttype-"text/javascript"» 
nama.focus (): 
«/scripts 


Sekarang, run web. Setiap kali web run, fokus otomatis ke “nama”. 
Lalu, kenapa JavaScript-nya diletakkan di bawah? 


Pertama, kita lihat struktur form di atas terlebih dahulu. Dapat 
dikatakan, form di atas memiliki 2 bagian, yaitu tampilan dan 
algoritma pemrogramannya. Tampilan, bagian ini diatur dengan 
kode HTML. Sedangkan algoritma, diatur dalam kode PHP dan 
JavaScript. Kode JavaScript di atas bergantung pada eksistensi 
“nama”, bagaimana nama bisa difokuskan jika eksistensinya belum 
ada? Oleh karena itu, kita membuat seluruh layout form terlebih 
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dahulu, lalu melakukan manipulasi dengan layout. Ini sama saja kita 
memperlukan infrastruktur sebelum bisa mengisi dengan konten, 
sama seperti kita memerlukan wadah sebelum ada air. 


Namun, masalahnya tingkah laku ini tidak standar. Beberapa 
browser terkadang membolehkan javascript diletakkan di atas, 
meskipun komponen belum ter-load semua, tapi toh sang browser 
berhasil memberikan hasil sebagaimana yang diinginkan oleh si 
programmer-nya. Namun, untuk alasan keamanan dan kepastian 
agar kode JavaScript benar-benar dijalankan saat seluruh komponen 
telah ada di layar, sebaiknya kode JS tersebut diletakkan di bagian 
akhir kode HTML. 


Hal di atas bukan satu-satunya alasan, banyak dipercaya bahwa 
kode JavaScript yang diletakkan di bawah halaman akan membuat 
webload lebih cepat daripada meletakkan kode tersebut di atas. 


Apakah ini proyek terakhir? 


Tentu tidak. Kita ada proyek sederhana lainnya, dan beberapa 
proyek yang lebih kompleks saat kita melangkah ke bab demi bab. 
Namun ini proyek mengasyikkan pertama kita karena kali ini kita 
akan menggunakan Codelgniter sebagai framework. Proyek seder- 
hana ini adalah getting started sebelum melangkah ke proyek yang 
lebih menantang. Silakan melanjutkan. 


1.7 TIP: Mengganti Alamat Default Proyek 


Mengganti alamat default proyek ke alamat lain? 


Hati-hati, sepertinya terdapat bug pada IIS atau WebMatrix. Meskipun 
hal ini bisa dilakukan, tapi server bisa tiba-tiba crash dan error akan 
muncul. Jika pembaca tetap ingin menggunakan tip ini, gunakanlah 
Apache sebagai alternatif IIS. 


HTTP Error 500.19 - Internal Server Error 


The reguested page cannot be accessed because the related configuration data for the page is invalid. 


Detailed Error Information: 


Module IIS Web Core Reguested  http:/#/localhost:4933/ 
Notification Unknown la 
. Physical 
Handler Not yet determined Path 
Error Code 0x80070001 Logon Not yet determined M 
Config Method 
5 Error. Logon User Not yet determined 
Config File Reguest EDocuments and SettingsvadamPBiMy 
Tracing DocumentsIISExpressiTraceLogFilesi 
Directory 


Config Source: 
-1: 
O: 


Gambar 1.22 Server IIS crash 


Untuk XAMPP, caranya mudah. Di XAMPP (ataupun MAMP), ter- 
dapat folder yang namanya htdocs. Jika kita menggunakan WAMP, 
terdapat folder yang namanya www. Ubah saja nama folder untuk 
aplikasi dalam folder tersebut. Namun perlu diperhatikan bahwa 
untuk mengganti nama folder, jika kita menggunakan Codelgniter 
misalnya, kita perlu mengganti isi file config.php. 


«S?php if ( !' defined('BASEPATH')) exit('No direct script access allowed'): 
Ba 
7 Sconfig('base url") - 'http://localhost/Mu@World/': 
Pa 


Gambar 1.23 Isi file config.php 


File bernama  configiphp tersebut terletak di folder 
application/config/config.php, dan yang perlu diubah adalah 
base url. Index base url dari variabel Sconfig ini akan diperlukan jika 
kita memanggil kode base url() untuk mencetak base url—biasanya 
untuk file-file upload, css, javascript, atau file-file private lain. 
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